body, div, dl, dt, dd, ul, li {
    margin: 0;
    padding: 0;
}

th {
    text-align: left;
}

.top-nav {
    font-size: 14px;
    height: 28px;
    color: #d5d5d5;
    background-color: #545652;
    padding: 0px 12px;
    li {
        float: right;
        list-style: none;
        padding: 2px 10px;
        line-height: 22px;
    }
}

.main-nav {
    height: 80px;
    line-height: 80px;
    font-size: 22px;
    color: #614e3c;
    background-color: #e9e9e2;

    ul {
        margin-left: 4%;
    }
    li {
        float: left;
        list-style: none;
        font-size: 20px;
        padding: 2px 20px;
        font-weight: bold;
        &:hover {
            color: midnightblue;
        }
        &.active {
            color: green;
        }
    }
}

.userDialog {
     display: none;
     form {
         position: fixed;
         border: 2px solid gray;
         border-radius: 5px;
         background-color: #ffffff;
         width: 50%;
         margin: auto;
         top: 10%;
         bottom: auto;
         left: 0;
         right: 0;
         z-index: 2;

         .control-group {
             width: 100%;
             margin: 20px 100px;

             label {
                 width: 20%;
                 margin-right: 20px;
             }
             input {
                 width: 60%;
             }
         }
     }
 }

